<template>
  <!--自助直播币充值-->
  <view class="h-12 border-bottom">
    <view class="px-4 h-full flex items-center justify-between">
      <view>VMGJO-ID: 229900</view>
      <image class="w-4 h-4" src="@/static/image/rt.png"></image>
    </view>
  </view>

  <view class="h-12 bg-white border-bottom">
    <view class="px-4 h-full flex items-center justify-between">
      <view>当前余额: 401金币</view>
      <view class="text-blue-700">充值记录</view>
    </view>
  </view>

  <view class="h-12 bg-white border-bottom">
    <view class="px-4 h-full flex items-center justify-between">
      <view>自助充值</view>
      <view>1金币</view>
    </view>
  </view>

  <!-- @click.stop="openDrop"-->
  <view class="px-4 pb-2 pt-2 bg-gray-300 relative">
    <image class="w-5 h-5 absolute right-4" src="@/static/image/issue.png" @click="openPopup"></image>
    <view class="py-1">1.本次最多可再自助充值 <text class="text-red-600">10000金币</text></view>
    <view class="py-1">2.本次最多可再自助充值 <text class="text-red-600">20000金币</text></view>
    <view class="py-1">3.本次最多可再自助充值 <text class="text-red-600">20000金币</text></view>
  </view>

  <view class="mt-2 text-center text-xl">直播币使用说明</view>

  <uni-popup ref="popupRef"></uni-popup>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  import UniPopup from "@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue";


  const openPopup = () => {

  }

</script>

<style scoped lang="scss">

</style>
